{% extends "base.html" %}

{% block extrahead %}
<style>
	input, select {
		width:400px;
		margin-top: 4px;
		margin-bottom: 10px;
	}
	
	textarea {
		margin-top: 4px;
		margin-bottom: 10px;
		width: 300px;
		height: 100px;
	}
	
	.checkbox {
		margin: 2px;
	}
</style>
{% endblock %}

{% block content %}
	<!-- <div class="form_layer">  -->
	<h1 class="help_header">
	Step #1. Let other people view your tasks 
	</h1>
	<form action="/share_tasks/" method="post" accept-charset="utf-8">
	You want to share your tasks? Check the box below and then other people can see (but not change!)
	your active tasks.
	<br /> 
	Let people know by giving them the web address below.
	<p></p>
	<input type="checkbox" class="checkbox" id="id_share_tasks" name="share_tasks" {% if tasks_shared %}checked="checked"{% endif %}>
	Yes, I want to share my tasks at <a style="color:blue; font-weight:bold;" href="{{share_link}}">{{share_link}}</a></input>
	<p></p>
	<b>Note:</b> To access from iPhone or PDA use this link: <a style="color:blue; font-weight:bold;" href="{{share_link2}}">{{share_link2}}</a>
	<p></p>
	<h1 class="help_header">
	Step #2. If you want to share tasks only with your friends or coworkers... 
	</h1>
	Enter user names below. Start new name from new line:
	<br />
	<textarea id="id_share_users" name="share_users">{{share_users}}</textarea>	 
	<br />
	Leave this field empty to make your tasks public.
	<p></p>
	<b>Note:</b> Public tasks can be seen by anyone, and may be indexed by search engines, 
	so make sure you're comfortable with that before checking the "Yes" box above.
	<p>
	<input type="submit" class="submit" value="Save changes">

	
	</form>
{% endblock %}